<!DOCTYPE html>
<html>
<head>
    <meta content="IE=11.0000" http-equiv="X-Ua-Compatible">
    <meta charset="utf-8">
    <meta name="renderer" content="webkit">
    <!--<meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">-->
    <meta http-equiv="X-Ua-Compatible" content="IE=edge,chrome=1">
    <title>项目管理服务平台</title>
    <!--region 引入公用js和css -->
    <link href="../assets/plugins/animate/animate.css" rel="stylesheet">
    <link href="../assets/plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css"/>
    <link href="../assets/plugins/simple-line-icons/simple-line-icons.min.css" rel="stylesheet" type="text/css"/>
    <link href="../assets/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css"/>
    <link href="../assets/plugins/bootstrap-switch/css/bootstrap-switch.min.css" rel="stylesheet" type="text/css"/>
    <link href="../assets/plugins/fullcalendar/fullcalendar.css" rel="stylesheet" type="text/css"/>
    <link href="../assets/base/css/components.css" rel="stylesheet" id="style_components" type="text/css"/>
    <link href="../assets/base/css/plugins.css" rel="stylesheet" type="text/css"/>
    <link href="../assets/ditop/layout.css" rel="stylesheet" type="text/css"/>
    <link href="../assets/plugins/datatables/datatables.min.css" rel="stylesheet" type="text/css"/>
    <link href="../assets/plugins/datatables/plugins/bootstrap/datatables.bootstrap.css" rel="stylesheet" type="text/css"/>
    <link href="../assets/plugins/bootstrap-table/bootstrap-table.css" rel="stylesheet">
    <link href="../assets/plugins/bootstrap-table/extensions/tree-column/bootstrap-table-tree-column.css" rel="stylesheet">
    <link href="../assets/plugins/bootstrap-toastr/toastr.css" rel="stylesheet">
    <link rel="stylesheet" href="../assets/plugins/sweetalert/sweetalert.css">
    <link rel="stylesheet" href="../assets/plugins/layer/theme/default/layer.css">
    <link href="../assets/plugins/select2/css/select2.min.css" rel="stylesheet">
    <link href="../assets/plugins/icheck/skins/flat/aero.css" rel="stylesheet">
    <link href="../assets/ditop/ditop.css" rel="stylesheet">
    <link href="../assets/ditop/style/ztree/style9/treestyle.css" rel="stylesheet">
    <link href="../assets/plugins/bootstrap-touchspin/bootstrap.touchspin.css" rel="stylesheet">
    <link href="../assets/plugins/bootstrap-datepicker/css/bootstrap-datepicker3.min.css" rel="stylesheet" type="text/css"/>
    <script src="../assets/plugins/jquery/jquery.min.js"></script>
    <script src="../assets/plugins/bootstrap/js/bootstrap.min.js"></script>
    <script src="../assets/plugins/bootstrap-toastr/toastr.js"></script>
    <script src="../assets/plugins/art-template/template.js"></script>
    <script src="../assets/plugins/layer/layer.js"></script>
    <script src="../assets/ditop/ditop.js"></script>
    <!--endregion-->

    <link href="../assets/module/gcjsy/css/public.css" rel="stylesheet"> <!-- CSS Customization -->
  <style>
      .popup-box-content {
          padding: 16px;
          height: calc(100% - 70px);
          background: white;
          overflow-y: auto;
      }

      .form-group-list{
          display: flex;
          flex-wrap: wrap;
      }

      .form-group-list .form-group {
          display: flex;
          align-items: center;
          margin-bottom: 12px;
      }
      
      .form-group-list .form-group > span {
          display: inline-block;
          width: 105px;
          padding: 0 15px 0 0;
          text-align: right;
          position: relative;
      }

      .form-group-list .form-group > span font{
          position: absolute;
          right: 6px;
          top: 0;
      }

      .form-group-list .form-group .mt-radio{
          margin: 0;
          padding: 0 25px;
      }
      
      .dt-list li {
          margin-bottom: 5px;
          display: flex;
          flex-wrap: wrap;
      }
      
      .dt-list li i{
          color: rgba(31, 125, 238, 0.5);
          margin:-1px 6px 0 0;
      }

      .dt-list li span{
          flex: 1;
      }
  </style>
</head>

<body class="page-footer-fixed page-content-white" style="min-width: 100px">
    <div class="popup-box-content">
      <section>
        <div class="title2">基本信息</div>
        <ul class="form-group-list margin-bottom-20 clearfix">
          <li class="form-group  col-xs-12">
            <span>危大工程名称<font class="red">*</font></span>
            <div class="labelR">
              <input style="width: 266px" type="text" class="form-control" placeholder="请输入危大工程名称，不超过50字符">
              <span class="help-block"></span>
            </div>
          </li>
    
          <li class="form-group col-xs-6">
            <span>类别<font class="red">*</font></span>
            <div class="labelR">
              <select style="width: 220px" class="form-control">
                <option value="" class="hidden">请选择类别</option>
              </select>
              <span class="help-block"></span>
            </div>
          </li>
    
          <li class="form-group col-xs-6">
            <span>是否超过一定规模<font class="red">*</font></span>
            <div class="labelR">
              <label class="mt-radio mt-radio-outline">
                <input type="radio" name="test">
                <span></span>
                <b>是</b>
              </label>
              <label class="mt-radio mt-radio-outline">
                <input type="radio" name="test">
                <span></span>
                <b>否</b>
              </label>
              <span class="help-block"></span>
            </div>
          </li>
    
          <li class="form-group col-xs-6">
            <span>计划开工日期<font class="red">*</font></span>
            <div class="labelR">
              <input style="width: 220px" type="text" class="form-control" placeholder="请选择计划开工日期">
              <span class="help-block"></span>
            </div>
          </li>
    
          <li class="form-group col-xs-6">
            <span>计划竣工日期<font class="red">*</font></span>
            <div class="labelR">
              <input style="width: 220px" type="text" class="form-control" placeholder="请选择计划竣工日期">
              <span class="help-block"></span>
            </div>
          </li>
        </ul>
  
        <div class="dt-title margin-bottom-15">
          <span>单体信息<font class="red">*</font></span>
          <button id="dtChange" class="pull-right normal-button sure" style="margin-top: -6px;">选择单体</button>
        </div>
        <ul class="dt-list clearfix margin-bottom-20">
          <li class="col-xs-6">
            <i class="dtFont dtFont-cha1"></i>
            <span>创新产业园J1栋A座，最多能展示30个字</span>
          </li>
          <li class="col-xs-6">
            <i class="dtFont dtFont-cha1"></i>
            <span>创新产业园J1栋B座</span>
          </li>
          <li class="col-xs-6">
            <i class="dtFont dtFont-cha1"></i>
            <span>创新产业园J1栋C座</span>
          </li>
          <li class="col-xs-6">
            <i class="dtFont dtFont-cha1"></i>
            <span>创新产业园J1栋D座</span>
          </li>
        </ul>
  
        <div class="dt-title margin-bottom-15">
          <span>危大工程范围<font class="red">*</font></span>
          <button id="addRange" class="pull-right normal-button sure" style="margin-top: -6px;">添加范围</button>
        </div>
        <ul class="dt-list clearfix margin-bottom-20">
          <li class="col-xs-12">
            <i class="dtFont dtFont-cha1"></i>
            <span>1.各类工具式模板工程：包括滑模、爬模、飞模、隧道模等工程；</span>
          </li>
          <li class="col-xs-12">
            <i class="dtFont dtFont-cha1"></i>
            <span>2.混凝土模板支撑工程：搭设高度8m以上，或搭设跨度18m以上，或施工总荷载（设计值）15kN/㎡以上，或集中线荷  载（设计值）20kN/m以上。</span>
          </li>
          <li class="col-xs-12">
            <i class="dtFont dtFont-cha1"></i>
            <span>3.特殊部位的混凝土模板支撑工程：地下室中板及顶板，或雨篷，或屋面挑檐，或屋顶构架，或高度8m以上独立柱（墩）。</span>
          </li>
        </ul>
      </section>
      
      <section>
        <div class="title2">相关附件上传</div>
        <dt:FilePreviewTemplate templateId="projFire" />
        <dt:FileUploader viewTemplate="projFire"   showTitleText="false" isGuidIncludeBitemId="false" fileGroupRule="FILE_GROUP_RULE_EXPE"
                         bitemId="${flowBitem.bitemId}" fileRelId="${assignId}" needRequiredChk="true" />
      </section>
    </div>
    
    <div class="footer-submit footer-submit-relative clearfix">
        <button class="pull-right normal-button sure margin-left-15" id="okBtn">提交</button>
        <button class="pull-right normal-button cancel">取消</button>
    </div>

<!--region 引入公用js和css -->
<script src="../assets/plugins/sweetalert/sweetalert.min.js"></script>
<script src="../assets/plugins/jquery.blockui.min.js"></script>
<script src="../assets/plugins/js.cookie.min.js"></script>
<script src="../assets/plugins/jquery-slimscroll/jquery.slimscroll.min.js"></script>
<script src="../assets/plugins/jquery.blockui.min.js"></script>
<script src="../assets/plugins/bootstrap-switch/js/bootstrap-switch.min.js"></script>
<script src="../assets/plugins/bootstrap-touchspin/bootstrap.touchspin.js"></script>
<script src="../assets/plugins/moment.min.js"></script>
<script src="../assets/plugins/bootstrap-daterangepicker/daterangepicker.min.js"></script>
<script src="../assets/plugins/counterup/jquery.waypoints.min.js"></script>
<script src="../assets/plugins/counterup/jquery.counterup.min.js"></script>
<script src="../assets/plugins/fullcalendar/fullcalendar.js"></script>
<script src="../assets/plugins/horizontal-timeline/horizontal-timeline.js"></script>
<script src="../assets/plugins/jquery.sparkline.min.js"></script>
<script src="../assets/plugins/select2/js/select2.js"></script>
<script src="../assets/plugins/select2/js/i18n/zh-CN.js"></script>
<script src="../assets/plugins/ztree/jquery.ztree.all.js"></script>
<script src="../assets/plugins/jquery-form/jquery.form.js"></script>
<script src="../assets/plugins/jquery-validator/jquery.placeholder.min.js"></script>
<script src="../assets/plugins/jquery-validator/jquery.validate.js"></script>
<script src="../assets/plugins/jquery-validator/jquery.validate.custom.js"></script>
<script src="../assets/plugins/jquery-validator/localization/messages_zh.js"></script>
<script src="../assets/plugins/jquery-validator/additional-methods.js"></script>
<script src="../assets/plugins/bootstrap-growl/jquery.bootstrap-growl.js"></script>
<script src="../assets/plugins/bootstrap-table/bootstrap-table.js"></script>
<script src="../assets/plugins/bootstrap-table/locale/bootstrap-table-zh-CN.js"></script>
<script src="../assets/plugins/bootstrap-table/extensions/tree-column/bootstrap-table-tree-column.js"></script>
<script src="../assets/base/scripts/app.js"></script>
<script src="../assets/base/scripts/theme.js"></script>
<script src="../assets/ditop/ditop-addition.js"></script>
<script src="../assets/plugins/bootstrap-datepicker/js/bootstrap-datepicker.min.js" type="text/javascript"></script>
<script src="../assets/plugins/bootstrap-datepicker/locales/bootstrap-datepicker.zh-CN.min.js"
        type="text/javascript"></script>
<script type="text/javascript" src="../assets/plugins/bootstrap-datetimepicker/js/bootstrap-datetimepicker.min.js"
        charset="UTF-8"></script>
<script type="text/javascript"
        src="../assets/plugins/bootstrap-datetimepicker/js/locales/bootstrap-datetimepicker.zh-CN.js"
        charset="UTF-8"></script>
<script src="../assets/plugins/jquery-validator/jquery.validate.custom.js"></script>
<script src="../assets/ditop/layout.js"></script>
<!--endregion-->

    <script>
      $('#dtChange').click(function () {
        Utils.openBox({
          title:"选择单体",
          scaleWidth:false,
          ctx:parent,
          area:["820px","620px"],
          url:"选择单体.html"
        })
      });
      
      $("#addRange").click(function () {
        Utils.openBox({
          title:"选择危大工程范围",
          scaleWidth:false,
          ctx:parent,
          area:["750px","580px"],
          url:"选择危大工程范围.html"
        })
      });
      $("#okBtn").click(function () {
        layer.closeCurrent(window);
      });
      $("button.cancel").click(function () {
        layer.closeCurrent(window);
      });
    </script>
</body>
</html>
